@import "//at.alicdn.com/t/font_2991400_v657vrp2jz.css";
.lease {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .lease-header {
        height: 90px !important;
        width: 100%;
        display: flex;
        flex-shrink: 0;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        background: #f6f5f6;
        h3 {
            font-size: 36px;
        }
        i {
            font-size: 34px;
        }
    }
    .lease-main {
        flex: 1;
        overflow-y: auto;
        &>p {
            width: 100%;
            height: 80px;
            line-height: 80px;
            text-indent: 20px;
            font-size: 30px;
            border-bottom: 1px solid #f1f1f1;
            color: #21b97a;
        }
        .lease-item {
            width: 96%;
            height: 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0 auto;
            border-bottom: 1px solid #f1f1f1;
            &>span {
                font-size: 28px;
            }
            &>p {
                font-size: 28px;
                color: #888;
            }
            &>div {
                &>span {
                    font-size: 28px;
                }
                input {
                    border: none;
                    outline: none;
                    font-size: 28px;
                    text-indent: 2em;
                }
            }
        }
        &> {
            input {
                border: none;
                outline: none;
                font-size: 28px;
                width: 96%;
                height: 80px;
                margin: 0 auto;
                margin-left: 20px;
            }
        }
        .upload {
            width: 96%;
            margin: 0 auto;
        }
    }
    .lease-footer {
        width: 100%;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        height: 90px;
        font-size: 30px;
        position: fixed;
        bottom: 0;
        background: #fff;
        span {
            flex: 1;
            display: flex;
            justify-content: center;
            height: 100%;
            align-items: center;
        }
        p {
            height: 100%;
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #21b97a;
            color: #fff;
        }
    }
}

.lease-set {
    width: 96%;
    margin: 0 auto;
    &>p {
        width: 100%;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
        border-bottom: 1px solid #f1f1f1;
    }
    .set-content {
        display: flex;
        flex-wrap: wrap;
        .item {
            width: 20%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 20px 0;
            i {
                font-size: 38px;
            }
            span {
                font-size: 34px;
            }
        }
        .active {
            color: #21b97a;
        }
    }
}

.describe {
    width: 96%;
    margin: 0 auto;
    p {
        height: 80px;
        line-height: 80px;
        font-size: 30px;
        border-bottom: 1px solid #f1f1f1;
    }
    .adm-text-area {
        font-size: 30px;
    }
}

.fgt {
    height: 60px;
    background: #f3f3f3;
}

.bottom {
    padding-bottom: 160px;
}